<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404 Not Found</title>
    <link rel="icon" href="./img/husky_tran.png" type="image/x-icon"/>
  <link rel="stylesheet" type="text/css" href="./css/404_2.css">
</head>
<body>
<h1>404</h1>

<div class="frame">
  <div></div>
  <div></div>
  <div></div>
</div>
<div class="caps"><img src="http://ademilter.com/caps.png" alt=""></div>
<canvas id="canvas"></canvas>


<!--orjinal page http://ademilter.com/asdfghjkl -->
<script>
  // js source https://codepen.io/moklick/pen/zKleC

  var Application = ( function () {
    var canvas;
    var ctx;
    var imgData;
    var pix;
    var WIDTH;
    var HEIGHT;
    var flickerInterval;

    var init = function () {
      canvas = document.getElementById('canvas');
      ctx = canvas.getContext('2d');
      canvas.width = WIDTH = 700;
      canvas.height = HEIGHT = 500;
      ctx.fillStyle = 'white';
      ctx.fillRect(0, 0, WIDTH, HEIGHT);
      ctx.fill();
      imgData = ctx.getImageData(0, 0, WIDTH, HEIGHT);
      pix = imgData.data;
      flickerInterval = setInterval(flickering, 30);
    };

    var flickering = function () {
      for (var i = 0; i < pix.length; i += 4) {
        var color = (Math.random() * 255) + 50;
        pix[i] = color;
        pix[i + 1] = color;
        pix[i + 2] = color;
      }
      ctx.putImageData(imgData, 0, 0);
    };

    return {
      init: init
    };
  }());

  Application.init();
</script>
</body>
</html>